<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="iso-8859-1" />
  <meta name="description" content="Ejemlo de HTML" />
  <meta name="keywords" content="HTML5, CSS3, Javascript" />
  <title>Ventana Biblioteca Virtual</title>
  <link rel="stylesheet" href="estilo.css">
</head>
<body>
<div id="agrupar">
  <header id="cabecera">
    <h1 id="titulo">Biblioteca Virtual</h1>
    <time datetime="2014-04-02" pubdate>Fecha: 01-04-2014</time>
   </header>
   <nav id="menu">
     <ul>
	<li>
	<button class="boton">Home</button>
	<button class="boton">Busqueda</button>
	<button class="boton">Exit</button>  
	</li>
      </ul>
    </nav>
    <section id="seccion">
        <article>
	   <header>
	        <h2>Informacion</h2>
	   </header>
	   <p style="font-size: 20px">La Biblioteca Virtual es un espacio compartido para promover el aprecio
	   por la buena lectura y escritura, para facilitar al lector la busqueda
	   de libros.</p>      
	   <figure>
	     <img src="biblioteca_marchena.gif">
	     <figcaption>
	        Primera imagen
	     </figcaption>
	   </figure>
	</article>
    </section>
    <aside id="columna">
	<blockquote>Busqueda</blockquote>
	<blockquote>Informacion</blockquote>
    </aside>
    <footer id="fin">
	<small>Derechos reservados</small>
    </footer>
</div>
</body>
</html>